<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>{{site_name}}</title>
	
	<link href="/stylesheets/layout.css" rel="stylesheet" type="text/css">
	<link href="/stylesheets/images.css" rel="stylesheet" type="text/css">
	<link href="/stylesheets/texts.css"  rel="stylesheet" type="text/css">
	
	<link href="/stylesheets/jquery.fancybox-1.3.1.css" rel="stylesheet" type="text/css" media="screen" />
	
	<style type="text/css">
		body {
			margin: 0px;
			padding: 0px;
		}
	</style>
	
	<script type="text/javascript" src="/js/jquery/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="/js/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
	<script type="text/javascript" src="/js/fancybox/jquery.easing-1.3.pack.js"></script>
	
	<script type="text/javascript">
	$(document).ready(function() {
		
		$("a.swf_iframe").fancybox({
			'hideOnContentClick': false
		});

	});
	</script>
	
</head>

<body>
 	<div id="wrapper">
 		<div id="header">
 			<img src="/images/logo.gif" id="logo" name="logo" alt="The Costa Rica Rainforest Game" width="196" height="43" >
        	<img src="/images/invader.gif" id="invader" name="invader" width="64" height="64" >
        	<div id="navigation">
    			<a href="http://code.google.com/p/the-costa-rica-rainforest-game/">> Project Home</a>
    		</div>
    	</div>
    	
        
        <div id="content">
        	<div class="week">
            	<h2 class="headerWeek">{{ main_menu_title }}</h2>
            	<ul>
                	{% for link in main_menu_items %}
                    	<li><a class="swf_iframe" href ="{{ link.url }}">{{ link.name}}</a></li>
                	{% endfor %}
            	</ul>
            </div>
        </div>
        
        
	        {% if game %}
	        <div id="contentAlt">
			<div id="alternativeContent">
				<a href="http://www.adobe.com/go/getflashplayer">
					<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
				</a>
			</div>
			</div>
	        {% endif %}
        
   </div>
</body>
</html>